import { useState } from "react";
import { useNavigate } from "react-router-dom";

export default function About() {
	const navigate = useNavigate();
	const [message, setMessage] = useState("this is message");
	return (
		<div>
			<h2>Keep alive About Page</h2>
			<div>Message: {message} </div>
			<button onClick={() => setMessage("Change Message")}>
				Change Message
			</button>
			<button onClick={() => navigate("/keep-alive/mine")}> Go to Mine </button>
		</div>
	);
}
